<script setup lang="ts">
import Footer from "@/layouts/components/footer.vue";
import Fastaccess from "@/layouts/components/fastaccess.vue";
const route = useRoute();
const path = route.path;
const props = defineProps({
  windowHeight: {
    type: Number,
    defalut: 947,
  },
});
const zoomRatio = computed(() => {
  const wH = props.windowHeight || 947;
  return wH / 947;
});
</script>

<template>
  <div class="swiper-pages">
    <Fastaccess :zoomRatio="zoomRatio" />
    <Footer :zoomRatio="zoomRatio" :path="path" />
  </div>
</template>

<style lang="scss" scoped>
.swiper-pages {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  background: #f1f1f1;
  margin: 0 auto;
  :deep(.footer) {
    padding-top: 40px;
  }
}
</style>
